<template>
    <el-breadcrumb separator-class="el-icon-arrow-right" :style="{ backgroundColor:'#Fff',padding: '0px 12px',height:'40px',lineHeight:'40px'}">
        <el-breadcrumb-item 
            v-for="item in currentPath"
            :href="item.path"
            :key="item.name"
            >{{ itemTitle(item) }}</el-breadcrumb-item>
    </el-breadcrumb>
</template>
<script>
export default {
    name: 'breadcrumbNav',
    props: {
        currentPath: Array
    },
    methods: {
        itemTitle(item) {
           return this.$t(item.title);
        }
    }
};
</script>